<template>
<!-- 按摩详情模块 -->
  <div class="detail-wrapper">
    <detail-name :name="name"></detail-name>
    <!-- 评分 -->
    <detail-stars :starNum="Number(starNum)" :score="score"></detail-stars>
    <!-- 地址 -->
    <detail-address :address="address"></detail-address>
    <!-- 价格 -->
    <detail-price :price="price"></detail-price>
    <!-- 日期 -->
    <detail-open-date :openDateTime="openDateTime"></detail-open-date>
    <!-- 评论 -->
    <detail-comment :keyData="keyData"></detail-comment>
    <!-- 商家服务 -->
    <detail-service :service="service"></detail-service>
  </div>
</template>

<script>
import DetailName from './Sub/Name.vue';
import DetailStars from './Sub/Stars.vue';
import DetailAddress from './Sub/Address.vue';
import DetailPrice from './Sub/Price.vue';
import DetailOpenDate from './Sub/OpenDate.vue'
import DetailComment from './Sub/CommentKeyword.vue'
import DetailService from './Sub/Service.vue'

export default {
  name: 'DetailMassage',
  props: {
    name: String,
    starNum: [Number, String],
    address: String,
    price: String,
    openDateTime: String,
    keyData: Array,
    service: Object
  },
  components: {
    DetailName,
    DetailStars,
    DetailAddress,
    DetailPrice,
    DetailOpenDate,
    DetailComment,
    DetailService
  }

}
</script>

<style lang="scss" scoped>

</style>